<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="JZH">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/xiaomi.css">
    <script src="js/jquery-3.1.1.js"></script>
    <script src="js/xiaomi.js"></script>
</head>
<body>
<!--顶部-->
<header>
    
</header>
<nav>
  <div class="nav-left clearfix">
    <ul>
        <li><a href="">小米商城<span>|</span></a></li>
        <li><a href="">MIUI<span>|</span></a></li>
        <li><a href="">米聊<span>|</span></a></li>
        <li><a href="">游戏<span>|</span></a></li>
        <li><a href="">多看阅读<span>|</span></a></li>
        <li><a href="">云服务<span>|</span></a></li>
        <li><a href="">金融<span>|</span></a></li>
        <li><a href="">小米商城移动版<span>|</span></a></li>
        <li><a href="">问题反馈<span>|</span></a></li>
        <li><a href="">Select Region<span></span></a></li>
    </ul>
  </div>
  <div class="nav-right clearfix">
       <ul>
           <li><a href="">登录<span>|</span></a></li>
           <li><a href="">注册<span>|</span></a></li>
           <li><a href="">消息通知<span>|</span></a></li>
           <li id="car">
                <a href="#">
                    <span class="gouwu"><img class="img1" src="images/gouwuche.png" alt=""></span>
                    购物车(0)
                </a>
             </li>
         </ul>
         <div class="d1">购物车中还没有商品,赶紧选购吧!</div> 
  </div>
</nav>
<section class="header clearfix">
   <div>
     <ul>
         <li><img class="img2" src="images/logo.png" alt=""></li>
         <li><img src="images/ad.gif" alt=""></li>
     </ul>
   </div>
   <div class="daohang">
       <ul class="u1">
           <li><a href="">小米手机</a></li>
           <li><a href="">红米</a></li>
           <li><a href="">平板·笔记本</a></li>
           <li><a href="">电视</a></li>
           <li><a href="">盒子·影音</a></li>
           <li><a href="">路由器</a></li>
           <li><a href="">智能硬件</a></li>
           <li><a href="">服务</a></li>
           <li><a href="">社区</a></li>
        </ul>
           <div class="search">
            <div>
                <input type="text" placeholder="红米 4X 小米电视3s 48英寸">
            </div>
            <div class="d3">
                <img src="images/sousuo.png" alt="">
            </div>
        </div> 
       <div class="container">
           <div class="xiala">
                <ul>
                    <li><div class="xin1">新品</div><a href=""><img src="images/xiaomi1.png" alt=""><p class="p1">小米手机5c</p><p class="p2">1499元</p></a></li>
                    <li><a href=""><img src="images/xiaomi2.png" alt=""><p class="p1">小米Note 2</p><p class="p2">2799元起</p></a></li>
                    <li><a href=""><img src="images/xiaomi3.png" alt=""><p class="p1">小米MIX</p><p class="p2">3499元起</p></a></li>
                    <li><a href=""><img src="images/xiaomi4.png" alt=""><p class="p1">小米5s</p><p class="p2">1999元起</p></a></li>
                    <li><a href=""><img src="images/xiaomi5.png" alt=""><p class="p1">小米5s Plus</p><p class="p2">2299元起</p></a></li>
                    <li><a href=""><img src="images/xiaomi6.png" alt=""><p class="p1">小米手机5</p><p class="p2">1799元</p></a></li>
                </ul>
                <ul>
                    <li><div class="xin1">新品</div><a href=""><img src="images/hongmi1.png" alt=""><p class="p1">红米Note 4X</p><p class="p2">999元起</p></a></li>
                    <li><a href=""><img src="images/hongmi2.png" alt=""><p class="p1">红米Note 4</p><p class="p2">999元起</p></a></li>
                    <li><div class="xin1">新品</div><a href=""><img src="images/hongmi3.png" alt=""><p class="p1">红米4X</p><p class="p2">699元起</p></a></li>
                    <li><a href=""><img src="images/hongmi4.png" alt=""><p class="p1">红米4</p><p class="p2">799元起</p></a></li>
                </ul>
                <ul>
                    <li><a href=""><img src="images/pingban1.png" alt=""><p class="p1">小米手机5c</p><p class="p2">1499元</p></a></li>
                    <li><a href=""><img src="images/pingban2.png" alt=""><p class="p1">小米手机5c</p><p class="p2">1499元</p></a></li>
                    <li><a href=""><img src="images/pingban3.png" alt=""><p class="p1">小米手机5c</p><p class="p2">1499元</p></a></li>
                    <li><a href=""><img src="images/pingban4.png" alt=""><p class="p1">小米手机5c</p><p class="p2">1499元</p></a></li>
                 </ul>
                <ul>
                    <li><a href=""><img src="images/dianshi1.png" alt=""><p class="p1">小米电视3s 48英寸</p><p class="p2">2599元</p></a></li>
                    <li><a href=""><img src="images/dianshi2.png" alt=""><p class="p1">小米电视3s 55英寸</p><p class="p2">3999元</p></a></li>
                    <li><a href=""><img src="images/dianshi3.png" alt=""><p class="p1">小米电视3s 60英寸</p><p class="p2">4699元</p></a></li>
                    <li><a href=""><img src="images/dianshi4.png" alt=""><p class="p1">小米电视3s 65英寸</p><p class="p2">6699元</p></a></li>
                    <li><a href=""><img src="images/dianshi5.png" alt=""><p class="p1">小米电视3s 70英寸</p><p class="p2">9999元</p></a></li>
                    <li><a href=""><img src="images/dianshi6.png" alt=""><p class="p1">查看全部</p><p class="p1">小米电视</p></a></li>
                </ul>
                <ul>
                    <li><a href=""><img src="images/hezi1.png" alt=""><p class="p1">小米盒子3s</p><p class="p2">299元</p></a></li>
                    <li><a href=""><img src="images/hezi2.png" alt=""><p class="p1">小米盒子3c</p><p class="p2">199元</p></a></li>
                    <li><a href=""><img src="images/hezi3.png" alt=""><p class="p1">小米盒子3 增强版</p><p class="p2">399元</p></a></li>
                    <li><a href=""><img src="images/hezi4.png" alt=""><p class="p1">小米盒子mini版</p><p class="p2">179元</p></a></li>
                    <li><a href=""><img src="images/hezi5.png" alt=""><p class="p1">小米家庭影院</p><p class="p2">1999元</p></a></li>
                    <li><a href=""><img src="images/hezi6.png" alt=""><p class="p1">小米家庭音响 标准版</p><p class="p2">699元</p></a></li>
                </ul>
                <ul>
                    <li><div class="xin1">新品</div><a href=""><img src="images/lyq1.png" alt=""><p class="p1">小米路由器 HD</p><p class="p2">1299元</p></a></li>
                    <li><div class="xin1">新品</div><a href=""><img src="images/lyq2.png" alt=""><p class="p1">小米路由器 Pro</p><p class="p2">499元</p></a></li>
                    <li><a href=""><img src="images/lyq3.png" alt=""><p class="p1">小米路由器 3</p><p class="p2">149元</p></a></li>
                    <li><a href=""><img src="images/lyq4.png" alt=""><p class="p1">小米路由器 3C</p><p class="p2">99元</p></a></li>
                    <li><a href=""><img src="images/lyq5.png" alt=""><p class="p1">小米WIFI放大器 2</p><p class="p2">49元</p></a></li>
                 </ul>
                <ul>
                    <li><div class="xin1">新品</div><a href=""><img src="images/zn1.png" alt=""><p class="p1">小米体重秤</p><p class="p2">199元</p></a></li>
                    <li><div class="xin1">新品</div><a href=""><img src="images/zn2.png" alt=""><p class="p1">米家行车记录仪</p><p class="p2">349元</p></a></li>
                    <li><div class="xin1">新品</div><a href=""><img src="images/zn3.png" alt=""><p class="p1">小米无人机 4K 版</p><p class="p2">2999元</p></a></li>
                    <li><div class="xin1">新品</div><a href=""><img src="images/zn4.png" alt=""><p class="p1">小米米家对讲机</p><p class="p2">249元</p></a></li>
                    <li><a href=""><img src="images/zn5.png" alt=""><p class="p1">米家IH电饭煲</p><p class="p2">399元</p></a></li>
                    <li><a href=""><img src="images/zn6.png" alt=""><p class="p1">查看全部</p><p class="p1">智能硬件</p></a></li>
                </ul>
            </div>
       </div>
   </div>
</section>
</body>
<html>

